<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ page session="false" %>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<html>
<head>
	<title>Home</title>
	<meta charset = "utf-8">
	<meta name="viewport" content="width=device-width">
    <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
    <script type="text/javascript" src="https://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
    <style type="text/css">
      body {
        padding-top: 50px;
        padding-bottom: 20px;
        
      }
      ul{list-style:none;}
    </style>
</head>
<body>
<script type="text/javascript" src="resources/js/jquery.js"></script>
<script type="text/javascript" src="resources/js/jquery.innerfade.js"></script>
<script type="text/javascript">
	$(document).ready(
		function(){

			$('#portfolio').innerfade({
				speed: 1000,
				timeout: 5000,
				type: 'sequence',
				containerheight: '220px'
			});
		}
	);
</script>
<p>
  <button class="btn btn-info" type="button" onClick="javascript:location.href='NewFile'">버튼</button>
</p>
<ul id="portfolio">
	<li>
			<img src="resources/images/mj.jpg" />
	</li>
	<li>
		<a href="http://www.naver.com">
			<img src="resources/images/C.jpg"/>
		</a>
	</li>
	<li>
			<img src="resources/images/Ko.jpg" />
	</li>
	<li>
			<img src="resources/images/jw.jpg" />
	</li>
</ul>					
</body>
</html>
